<?php echo $header; ?><?php echo $column_left; ?>
<div id="content">
    <div class="page-header">
        <div class="container-fluid">
            <div class="pull-right"><a href="<?php echo $add; ?>" data-toggle="tooltip" title="<?php echo $button_add; ?>" class="btn btn-primary"><i class="fa fa-plus"></i></a>
                <button type="button" data-toggle="tooltip" title="<?php echo $button_delete; ?>" class="btn btn-danger" onclick="confirm('<?php echo $text_confirm; ?>') ? $('#form-information').submit() : false;"><i class="fa fa-trash-o"></i></button>
            </div>
            <h1><?php echo $heading_title; ?></h1>
            <ul class="breadcrumb">
                <?php foreach ($breadcrumbs as $breadcrumb) { ?>
                    <li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>
                <?php } ?>
            </ul>
        </div>
    </div>
    <div class="container-fluid">
        <?php if ($error_warning) { ?>
            <div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> <?php echo $error_warning; ?>
                <button type="button" class="close" data-dismiss="alert">&times;</button>
            </div>
        <?php } ?>
        <?php if ($success) { ?>
            <div class="alert alert-success"><i class="fa fa-check-circle"></i> <?php echo $success; ?>
                <button type="button" class="close" data-dismiss="alert">&times;</button>
            </div>
        <?php } ?>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"><i class="fa fa-list"></i> <?php echo $text_list; ?></h3>
            </div>
            <div class="panel-body">
                <form action="<?php echo $delete; ?>" method="post" enctype="multipart/form-data" id="form-information">
                    <!--模板-->
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab-library">
                            <div class="well">
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="form-group" style="margin-bottom: 0;">
                                            <!--<label class="control-label" for="input-name">文章名称</label>-->
                                            <input type="text" name="filter_title"  placeholder="模板名称" id="input-name" class="form-control" value="<?php echo $filter_title; ?>" />
                                        </div>
                                    </div>

                                    <div class="col-sm-4">
                                        <div class="form-group" style="margin-bottom: 0;">
                                            <!--<label class="control-label" for="input-status"> </label>-->
                                            <button type="button" style="display: block;" id="button-filter" class="btn btn-primary"><i class="fa fa-search"></i>筛选</button>

                                        </div>
                                    </div>
                                </div>
                            </div>

                          

                            <div class="table-responsive">
                                <table class="table table-bordered table-hover">
                                    <thead>
                                    <tr>
                                        <td style="width: 1px;" class="text-center"><input type="checkbox" onclick="$('input[name*=\'selected\']').prop('checked', this.checked);" /></td>
                                        <td class="text-left"><a>模板标题</a>
                                        </td>
                                        <td class="text-left"><a>创建时间</a></td>
                                        <td class="text-right">操作</td>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <?php if ($data) { ?>
                                        <?php foreach ($data as $item) { ?>
                                            <tr>
                                                <td class="text-center"><?php if (in_array($item[$primary_key_name], $selected)) { ?>
                                                        <input type="checkbox" name="selected[]" value="<?php echo $item[$primary_key_name]; ?>" checked="checked" />
                                                    <?php } else { ?>
                                                        <input type="checkbox" name="selected[]" value="<?php echo $item[$primary_key_name]; ?>" />
                                                    <?php } ?></td>
                                                <td class="text-left"><?php echo $item['post_title']; ?></td>
    
                                                <td class="text-left"><?php echo $item['post_date']; ?></td>
                                                <td class="text-right">
                                                    <a  class="btn btn-info" href="<?php echo $item['preview']; ?>" data-toggle="tooltip" title="预览" class="btn btn-primary"><i class="fa fa-eye"></i></a>
                                                	<a href="<?php echo $item['edit']; ?>" data-toggle="tooltip" title="<?php echo $button_edit; ?>" class="btn btn-primary"><i class="fa fa-pencil"></i></a>
                                            	</td>
                                            </tr>
                                        <?php } ?>
                                    <?php } else { ?>
                                        <tr>
                                            <td class="text-center" colspan="4"><?php echo $text_no_results; ?></td>
                                        </tr>
                                    <?php } ?>
                                    </tbody>
                                </table>
                            </div>
                        </div>


                    </div>

  
                </form>
                <div class="row">
                    <div class="col-sm-6 text-left"><?php echo $pagination; ?></div>
                    <div class="col-sm-6 text-right"><?php echo $results; ?></div>
                </div>
            </div>
        </div>
    </div>
</div>


<!--文章预览-->
<div class="ui_pop" style="display: none;" id="div_preview">
    <div class="article_content">
        <div class="ac_item">
            <a class="ac_close" onclick="$('#div_preview').hide();"><i class="fa fa-times" aria-hidden="true"></i></a>
            <div class="ac_editor">
                <div class="ac_title" id="preview_title"></div>
                <div class="authorinfo">
                    <p id="preview_date"></p>
                </div>
                <div class="ac_details" id="preview_content">
                </div>
            </div>
        </div>
    </div>
</div>


<?php echo $footer; ?>


<script type="text/javascript"><!--
    $('#button-filter').on('click', function() {
        var url = 'index.php?route=article/template&token=<?php echo $token; ?>&status=<?php echo $status; ?>';

        var filter_title = $('input[name=\'filter_title\']').val();

        if (filter_title) {
            url += '&filter_title=' + encodeURIComponent(filter_title);
        }



        location = url;
    });

    function preview(id) {
        $('#div_preview').show();

        $.ajax({
            url: 'index.php?route=article/article/preview&token=<?php echo $token; ?>&ID=' +  encodeURIComponent(id),
            dataType: 'json',
            success: function(json) {
                $('#preview_title').html(json.post_title);
                $('#preview_date').text(json.post_modified);
                $('#preview_content').html (json.post_content);
            }
        });
    }
    //--></script>